/*qinren_base开发框架
  2016年6月11日
  作者：程锋
*/
/*初始化基本H5标记，HTML5新模块元素在IE8、9版本浏览器中没有被定义默认样式。为解决该问题，给下列元素添加“block”显示属性。 */
article, aside, details, figcaption, figure, footer, header, nav, section, summary {
    display: block;
}
/*整体背景，默认文字色值，字号，行高，最小屏幕宽度*/
body {
    color: #333;
    font: 14px/1.5 "arial","Microsoft Yahei","YouYuan","SimHei","SimSun"!important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizelegibility;
    background-color: #f7f7f7;
    /*比较细的方式渲染微软雅黑，增加可读性*/
    /* font: 14px/1.5 "Helvetica Neue",Helvetica,Arial,"Microsoft Yahei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif; */
}
/*A链接文字颜色以及去掉下划线*/
a {
    color: #333;
    text-decoration: none!important; /* 去除默认下划线 */
}
/*图片，输入框垂直居中，处理验证码和输入框不在一条线*/
img,input {
    vertical-align: middle;
}
/*去掉点击链接时周围的虚线框outline属性 */
:focus{outline:0;}
a:active, a:hover {
    outline: 0 none;
}

/*视频音频行级排列，HTML5新模块元素在IE8、9版本浏览器中没有被定义默认样式，特为下列元素添加“inline-block”显示属性*/
audio, canvas, video {
    display: inline-block;
}
audio:not([controls]) {
    display: none;/*为防止在主流浏览器中出现“不带控制按钮的音频模块”这一问题。*/
    height: 0;/*解决iOS5移动端显示多余高度的兼容性问题。 */
}
/*处理 不存在于 IE 8/9 的样式。*/
[hidden] {
    display: none;
}
/*去除苹果及其他浏览器对form元素的默认样式。*/
textarea,
select,
input {
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
}

 /* 屏幕阅读器和搜索引擎找到地址或电话号码，默认样式是 display: block */
address {
  display: block;
}
/*整个页面默认字体大小继承body设定的字体大小*/
html {
    font-size: 100%;/* 在用户调整窗口大小时，字体大小做相应调整。 */
}
html, button, input, select, textarea {
    font-family: sans-serif;
}
/*初始化body默认边距为0*/
body {
    margin: 0;
}
/* 使h标签在section标签和article标签的留白和字体样式统一并含有默认两倍行高。可同时兼容Firefox 4+、Safari 5和Chrome等不同的浏览器 */
h1 {
    font-size: 1.5em;
    margin: 0.5em 0;
    font-weight: normal;
}
h2 {
    font-size: 1.3em;/*18px*/
    margin: 0.5em 0;
}
h3 {
    font-size: 1.2em;/*16px*/
    margin: 0.5em 0;
}
h4 {
    font-size: 1.1em;/*14px*/
    margin: 0.5em 0;
}
h5 {
    font-size: 0.8571em;/*12px*/
    margin: 0.5em 0;
}
h6 {
    font-size: 0.7142em;
    margin: 0.5em 0;
}
/* 解决首字母样式在IE8/9、Safari 5和chrome浏览器中未定义的问题 */
abbr[title] {
    border-bottom: 1px dotted;
}
/* 添加加粗样式，应用于Firefox 4+、Safari 5和Chrome */
b, strong {
    font-weight: bold;
}
/*引用块样式，默认上下一字行高*/
blockquote {
    margin: 1em 40px;
}
i,em {
    font-style:normal;
}
/* 添加斜体样式，应用于Safari 5和chrome */
dfn {
    font-style: italic;
}
/* 解决其在Firefox中的兼容性问题 */
hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}
/* 解决其在IE8/9中样式未定义的问题 */
mark {
    background: #ff0 none repeat scroll 0 0;
    color: #000;
}
/* 提高p/pre可读性，外边距增加上下一倍文字高度 */
p, pre {
    margin: 1em 0;
}
/* 更正关联字体在Safari 5和Chrome中的老式设置 */
code, kbd, pre, samp {
    font-family: monospace,serif;
    font-size: 1em;
}
/* 提高pre标签格式化文本在所有浏览器中的可读性 */
pre {
    white-space: pre-wrap;
    word-wrap: break-word;
}
/* 设置引号类型 */
q {
    quotes: none;
}
q::before, q::after {
    content: none;
}
/* 统一所有浏览器SMALL中字体大小不一致的兼容性问题 */
small {
    font-size: 80%;
}
/* 在所有浏览器中，防止“sub”和“sup”标签影响“line-height”属性 */
sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sup {
    top: -0.5em;
}
sub {
    bottom: -0.25em;
}
/*列表默认一个文字单位外边距*/
dl, menu, ol, ul {
    margin:0;
}
dd {
    margin: 0;
}
menu, ol, ul {
    padding: 0;
}
nav ul, nav ol {
    list-style: outside none none;
}
li {
    list-style-type:none;
}
/* 在IE8/9浏览器中，当img标签中包含a标签时，去除img边框属性。 */
img {
    border: 0 none;
}
svg:not(:root) {
    overflow: hidden;
}
/*"figure"标签规定独立的流内容（图像、图表、照片、代码等等）*/
figure {
    margin: 0;
}
/*FORM相关标记*/

form {
    margin: 0;
}
/* 定义一致的边框、内边距和外边距 */
fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}
legend {
    border: 0 none;/* 更改“color”属性在IE8/9浏览器中没有被继承的问题 */
    padding: 0;/* 去除外边距，如此即使人们将字段集归零也不会失去样式 */
    white-space: normal;
}
/*文字字号，边距，垂直基线对其*/
button, input, select, textarea {
    font-size: 100%;
    margin: 0;
    vertical-align: baseline;
}
/* 调整Firefox 4+浏览器下，客户端样式表中设置了“!important”的“line-height”属性的input表单 */
button, input {
    line-height: normal;
}
/**
     * 调整“button”和“select”的“text-transform”继承不一致性的问题
     * 其他表单控件元素不继承“text-transform”属性
     * 修正“button”标签在Chrome, Safari 5+, and IE 8+中的样式继承问题
     * 修正“select”标签在Firefox 4+ 和Opera中的样式继承问题
     */ 
button, select {
    text-transform: none;
}
button, html input[type="button"],/* 避免webKit bug发生在Android 4.0.* 设备上，破坏原生“audio”和“video”控制组件 */ 
input[type="reset"], input[type="submit"] {
    -webkit-appearance: none; /* 改正iOS设备中“input”类型表单样式默认的问题 */
    cursor: pointer;/* 增强光标样式在input表单和其他表单的可用性和一致性 */
}
button[disabled], html input[disabled] {
    cursor: default; /* 为禁用表单重设定默认光标样式 */
}
input[type="checkbox"] {
    box-sizing: border-box;/* 调整IE 8/9中尺寸属性设置为“内容框”的盒子模型 */
    padding: 0; /* 去除IE 8/9中的多余的外边距留白部分 */
}
input[type="search"] {
    -webkit-appearance: textfield; /* 兼容Safari 5 and Chrome上 “searchfield” 上设置 “appearance”属性 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 兼容Safari 5 and Chrome上 “border-box” 上设置 “box-sizing”属性 */
    box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;    /* 去除OS X系统上Safari 5和Chrome中容器内边距和搜索取消按钮属性 */
}
/*Firefox 4+浏览器中，去除容器内边距和边框属性*/
button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0 none;
    padding: 0;
}
textarea {
    overflow: auto;/* IE 8/9中，去除默认垂直滚动条属性 */
    vertical-align: top; /* 提高所有浏览器中的文本可读性和版式 */
}
/* 删除表格单元格之间的间距。 */
table {
    border-collapse: collapse;
    border-spacing: 0;
}
/*清除样式*/
.clearfix {
    *zoom: 1
}
.clearfix:before,.clearfix:after {
    display: table;
    line-height: 0;
    content: ""
}
.clearfix:after {
    clear: both
}
/* IE6 */
*html .clearfix {
    zoom: 1;
}
/* IE7 */
*:first-child+html .clearfix {
    zoom: 1;
}
/*隐藏内容*/
.hide {
    display: none !important;
}
/*水平居中属性*/
.mc {
    margin-left:auto;
    margin-right: auto;
}
/*浮动样式*/
.fl {
    float:left; 
}
.fr {
    float: right;
}
.fn {
    float: none;
}
/*文字对齐*/
.al {
    text-align:left;
}
.ac {
    text-align:center;
}
.ar {
    text-align:right;
}
/* 背景颜色 */
.bg_gray{
    background-color: #f39c12!important;
}
.bg_red{
    background-color: #c0392b!important;
}
.bg_orange{
    background-color: #f39c12!important;
}
/* 边框 */
.border{
    border: 1px solid #e5e5e5;
}
